<!--
	作者：ZhangXin
	时间：2020-07-25
	描述：博客登录页面
-->
<!DOCTYPE html>
<html lang="en"
	  xmlns:th="http//www.thymeleaf.org">

	<head>
		<meta charset="UTF-8">
		<title>登录</title>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
		<link rel="stylesheet" th:href="@{/css/main.css}" />
	</head>

	<body>

		<br>
		<br>
		<br>
		<div class="m-container-small m-padded-tb-massive" style="max-width: 30em !important;">
			<div class="ur container">
				<div class="ui middle aligned center aligned grid">
					<div class="column">
						<h2 class="ui teal image header">
           <div class="content">
                          叮叮博客园登陆
           </div>
         </h2>
						<form class="ui large form" method="post" th:action="@{/user/toadminIndex}">
							<div class="ui  segment">
								<div class="field">
									<div class="ui left icon input">
										<i class="user icon"></i>
										<input type="text" name="username" placeholder="用户名">
									</div>
								</div>
								<div class="field">
									<div class="ui left icon input">
										<i class="lock icon"></i>
										<input type="password" name="password" placeholder="密码">
									</div>
								</div>
								<button class="ui fluid large teal submit button">登   录</button>
							</div>

							<div class="ui error mini message"></div>
							<div class="ui mini negative message">用户名和密码错误</div>

						</form>

					</div>
				</div>
			</div>
		</div>

		<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>

		<!--<script>
			$('.ui.form').form({
				fields: {
					username: {
						identifier: 'username',
						rules: [{
							type: 'empty',
							prompt: '请输入用户名'
						}]
					},
					password: {
						identifier: 'password',
						rules: [{
							type: 'empty',
							prompt: '请输入密码'
						}]
					}
				}
			});
		</script>-->
	</body>

</html>